@import "../../common/style/var.less";
.home{
  height: 100%;
}
#capsule{
  position: fixed;
  z-index: 10;
  width: 375px;
  background-image: @main-bg;
  box-sizing: border-box;
  padding:0 10px;
  color:#fff;
  font-size: @font-size-normal;
  i{
    position: relative;
    top:3px;
    font-size: 20px;
    display: inline;
  }
}
#search{
  position:fixed;
  z-index: 10;
  width: 375px;
  height: 50px;
  line-height: 50px;
  background-image: @main-bg;
  padding:0 10px;
  box-sizing: border-box;
  .scan{
    width: 32px;
    height: 32px;
    line-height: 32px;
    color:@font-light;
    text-align: center;
    margin-top: 9px;
    border-radius: 16px;
    background: rgba(255,255,255,.4);
    float: left;
    i{
      font-size: 18px;
    }
  }
  .search{
    height: 32px;
    width: 310px;
    background: #fff;
    float: right;
    margin-top: 9px;
    border-radius: 16px;
    line-height: 32px;
    text-align: center;
    font-size: @font-size-normal;
    color: @font-assist-b;
    i{
      position: relative;
      top:2.5px;
      display: inline;
      font-size: 18px;
    }
  }
}
#content{
  height: 100%;
  padding-bottom: 50px;
  box-sizing: border-box;
  .scroll{
    height: 100%;
  }
}
#slide{
  position: relative;
  height: 120px;
  background-image: @main-bg;
  &::before{
    position: absolute;
    top:0;
    left:0;
    z-index: 1;
    content:'';
    display: block;
    width: 100%;
    height: 120px;
    background: #fff;
    border-radius: 20px 20px 0 0;
  }
  .slide{
    position: absolute;
    z-index: 2;
    top:10px;
    left:10px;
    width: 355px;
    height: 100px;
    border-radius: 10px;
    overflow: hidden;
    .item{
      width: 100%;
      height: 100%;
      border-radius: 15px;
      .a{
        display: block;
        height: 100%;
      }
      img{
        width: 100%;
        height: 100%;
      }
    }
  }
}
#notice{
  padding:0 10px;
  box-sizing: border-box;
  height: 35px;
  line-height: 35px;
  background: #fff;
  font-size: @font-size-normal;
  .title{
    width: 50px;
    height: 25px;
    margin-top: 5px;
    border-radius: 10px;
    line-height: 25px;
    background-image: @main-bg;
    text-align: center;
    color:@font-light;
    float: left;
  }
  .content{
    float: right;
    width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
#classify{
  width: 375px;
  min-height: 80px;
  background: #fff;
  padding-top: 10px;
  box-sizing: border-box;
  display: flex;
  flex-wrap:wrap;
  dl{
    width: 75px;
    height: 75px;
    text-align: center;
    font-size: @font-size-normal;
    dt{
      width: 45px;
      height: 45px;
      background: no-repeat center center;
      background-size: contain;
      margin:0 auto;
    }
    dd{
      height: 20px;
      line-height: 20px;
    }
  }
}
#list{
  padding:0 10px;
  box-sizing: border-box;
}
@import "../../common/style/go-top.less";
